<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>page</title>
    <link rel="stylesheet" type="text/css" href="Responsive Accordion Slider.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<style>

</style>
</head>
<body>
    h1>Accordion Slider</h1>
    <div class="accordion">
        <!---BOX 1-->
        <div class="box a1">
            <div class="image_1">
                <div class="text">
                    <h2>Lorem Ipsum</h2>
                    <p>
                        Lorem ipsum dolor sit amet,consectetur adipiscing elit.
                        Vestibulum iaculis nisl sed dictum aliquam.
                    </p>
                </div>
            </div>
        </div>
        <!---box 2-->
        <div class="box a2">
            <div class="image_2">
                <div class="text">
                    <h2>Lorem Ipsum</h2>
                    <p>
                        Lorem ipsum dolor sit amet,consectetur adipiscing elit.
                        Vestibulum iaculis nisl sed dictum aliquam.
                    </p>
    </div>
</div>
</div>
<!---box 3-->
<div class="box a3">
    <div class="image_3">
        <div class="text">
            <h2>Lorem Ipsum</h2>
            <p>
                Lorem ipsum dolor sit amet,consectetur adipiscing elit.
                Vestibulum iaculis nisl sed dictum aliquam.
            </p>
</div>
</div>
</div>
 <!---BOX 1-->
 <div class="box a4">
    <div class="image_4">
        <div class="text">
            <h2>Lorem Ipsum</h2>
            <p>
                Lorem ipsum dolor sit amet,consectetur adipiscing elit.
                Vestibulum iaculis nisl sed dictum aliquam.
            </p>
        </div>
    </div>
</div>
 <!---BOX 5-->
 <div class="box a5">
    <div class="image_5">
        <div class="text">
            <h2>Lorem Ipsum</h2>
            <p>
                Lorem ipsum dolor sit amet,consectetur adipiscing elit.
                Vestibulum iaculis nisl sed dictum aliquam.
            </p>
        </div>
    </div>
</div>
</div>
</body>
</html>
